@charset 'utf-8';
// @import '../index.scss';

.content {
    background-color: #ffffff;
    .top {
        // width: 14.53rem;
        width: 100%;
        height: 15.3rem;
        border-bottom: 2px solid #e6e6e6;
        padding: 0 0.73rem;
        box-sizing: border-box;
        // border: 1px red solid;

        .one {
            width: 100%;
            height: 2.98rem;
            // background-color: hotpink;
            margin-top: 1rem;

            .eye_g {
                width: 0.6rem;
                height: 0.35rem;
            }

            .img {
                padding: 0 0.18rem 0 0.45rem;
            }

            .name {
                width: 3.13rem;
                height: 0.75rem;
                font-family: MicrosoftYaHei;
                font-size: 0.75rem;
                font-weight: bold;
                font-stretch: normal;
                line-height: 0.84rem;
                letter-spacing: 0.01rem;
                color: #010101;
                padding-bottom: 0.4rem;
            }

            .date {
                display: flex;
                justify-content: left;
                height: 0.55rem;
                font-family: MicrosoftYaHei;
                font-size: 0.55rem;
                font-weight: normal;
                font-stretch: normal;
                line-height: 0.6rem;
                letter-spacing: 0.01rem;
                color: #c5c5c5;
            }
        }

        .two {
            // background-color: goldenrod;
            // width: 12.5rem;
            width: 100%;
            height: 1.9rem;
            font-family: MicrosoftYaHei;
            font-size: 0.55rem;
            font-weight: normal;
            font-stretch: normal;
            line-height: 0.79rem;
            letter-spacing: 0.01rem;
            color: #8b8b8b;
            text-align: left;
            padding: 0.2rem 0;
        }

        .res_02 {
            width: 100%;
            height: 8.43rem;
            img{
                width: 100%;
            }
        }
    }


    .bottom {
        width: 100%;
        height: 5.68rem;
        // border: 1px solid greenyellow;

        .one {
            margin-top: 0.95rem;
            margin-left: 0.68rem;
            height: 0.85rem;
            // background-color: purple;
            font-family: MicrosoftYaHei;
            font-size: 0.7rem;
            font-weight: bold;
            font-stretch: normal;
            line-height: 0.84rem;
            letter-spacing: 0.01rem;
            color: #8e8d8d;
            margin-bottom: 0.2rem;
        }

        .two {
            width: 100%;
            height: 3.78rem;
            background-color: #b20000;
            display: flex;
            justify-content: space-between;
            align-items: center;

            >div {
                width: 5.31rem;
                height: 2.88rem;
            }

            .text {
                height: 0.55rem;
                font-family: MicrosoftYaHei;
                font-size: 0.56rem;
                font-weight: normal;
                font-stretch: normal;
                line-height: 0.79rem;
                letter-spacing: 0.01rem;
                color: #ffffff;
            }

            .renwu {
                display: flex;
                flex-flow: column;
                align-items: center;
                justify-content: center;
                .img_renwu {
                    width: 1.1rem;
                    height: 1.02rem;
                    margin-bottom: 0.48rem;
                }
            }

            .tel {
                display: flex;
                flex-flow: column;
                align-items: center;
                justify-content: center;
                border-left: 1px solid #ffffff;
                border-right: 1px solid #ffffff;
                .img_tel {
                    width: 0.9rem;
                    height: 0.93rem;
                    margin-bottom: 0.48rem;
                }
            }

            .mes {
                display: flex;
                flex-flow: column;
                align-items: center;
                justify-content: center;
                .img_mes {
                    width: 0.85rem;
                    height: 0.93rem;
                    margin-bottom: 0.48rem;
                }
            }

        }
    }
}